<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>mxShape</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script><script language=JavaScript src="../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>

<!--  Generated by Natural Docs, version 1.51 -->
<!--  http://www.naturaldocs.org  -->

<!-- saved from url=(0026)http://www.naturaldocs.org -->




<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="mxShape"></a>mxShape</h1><div class=CBody><p>Base class for all shapes.&nbsp; A shape in mxGraph is a separate implementation for SVG, VML and HTML.&nbsp; Which implementation to use is controlled by the <a href="#mxShape.dialect" class=LVariable id=link94 onMouseOver="ShowTip(event, 'tt2', 'link94')" onMouseOut="HideTip('tt2')">dialect</a> property which is assigned from within the <a href="../view/mxCellRenderer-js.html#mxCellRenderer" class=LClass id=link95 onMouseOver="ShowTip(event, 'tt85', 'link95')" onMouseOut="HideTip('tt85')">mxCellRenderer</a> when the shape is created.&nbsp; The dialect must be assigned for a shape, and it does normally depend on the browser and the confiuration of the graph (see <a href="../view/mxGraph-js.html#mxGraph" class=LClass id=link96 onMouseOver="ShowTip(event, 'tt86', 'link96')" onMouseOut="HideTip('tt86')">mxGraph</a> rendering hint).</p><p>For each supported shape in SVG and VML, a corresponding shape exists in mxGraph, namely for text, image, rectangle, rhombus, ellipse and polyline.&nbsp; The other shapes are a combination of these shapes (eg. label and swimlane) or they consist of one or more (filled) path objects (eg. actor and cylinder).&nbsp; The HTML implementation is optional but may be required for a HTML-only view of the graph.</p><h4 class=CHeading>Custom Shapes</h4><p>To extend from this class, the basic code looks as follows.&nbsp; In the special case where the custom shape consists only of one filled region or one filled region and an additional stroke the <a href="mxActor-js.html#mxActor" class=LClass id=link97 onMouseOver="ShowTip(event, 'tt87', 'link97')" onMouseOut="HideTip('tt87')">mxActor</a> and <a href="mxCylinder-js.html#mxCylinder" class=LClass id=link98 onMouseOver="ShowTip(event, 'tt88', 'link98')" onMouseOut="HideTip('tt88')">mxCylinder</a> should be subclassed, respectively.</p><blockquote><pre class="prettyprint">function CustomShape() { }

CustomShape.prototype = new mxShape();
CustomShape.prototype.constructor = CustomShape;</pre></blockquote><p>To register a custom shape in an existing graph instance, one must register the shape under a new name in the graph&rsquo;s cell renderer as follows:</p><blockquote><pre class="prettyprint">mxCellRenderer.registerShape('customShape', CustomShape);</pre></blockquote><p>The second argument is the name of the constructor.</p><p>In order to use the shape you can refer to the given name above in a stylesheet.&nbsp; For example, to change the shape for the default vertex style, the following code is used:</p><blockquote><pre class="prettyprint">var style = graph.getStylesheet().getDefaultVertexStyle();
style[mxConstants.STYLE_SHAPE] = 'customShape';</pre></blockquote><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#mxShape" >mxShape</a></td><td class=SDescription>Base class for all shapes. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxShape.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.mxShape" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxShape</a></td><td class=SDescription>Constructs a new shape.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxShape.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.dialect" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">dialect</a></td><td class=SDescription>Holds the dialect in which the shape is to be painted. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.scale" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">scale</a></td><td class=SDescription>Holds the scale in which the shape is being painted.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.antiAlias" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">antiAlias</a></td><td class=SDescription>Rendering hint for configuring the canvas.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.minSvgStrokeWidth" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">minSvgStrokeWidth</a></td><td class=SDescription>Minimum stroke width for SVG output.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.bounds" id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">bounds</a></td><td class=SDescription>Holds the <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">mxRectangle</a> that specifies the bounds of this shape.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.points" id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">points</a></td><td class=SDescription>Holds the array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link9 onMouseOver="ShowTip(event, 'tt9', 'link9')" onMouseOut="HideTip('tt9')">mxPoints</a> that specify the points of this shape.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.node" id=link10 onMouseOver="ShowTip(event, 'tt10', 'link10')" onMouseOut="HideTip('tt10')">node</a></td><td class=SDescription>Holds the outermost DOM node that represents this shape.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.state" id=link11 onMouseOver="ShowTip(event, 'tt11', 'link11')" onMouseOut="HideTip('tt11')">state</a></td><td class=SDescription>Optional reference to the corresponding <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link12 onMouseOver="ShowTip(event, 'tt12', 'link12')" onMouseOut="HideTip('tt12')">mxCellState</a>.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.style" id=link13 onMouseOver="ShowTip(event, 'tt13', 'link13')" onMouseOut="HideTip('tt13')">style</a></td><td class=SDescription>Optional reference to the style of the corresponding <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link14 onMouseOver="ShowTip(event, 'tt12', 'link14')" onMouseOut="HideTip('tt12')">mxCellState</a>.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.boundingBox" id=link15 onMouseOver="ShowTip(event, 'tt14', 'link15')" onMouseOut="HideTip('tt14')">boundingBox</a></td><td class=SDescription>Contains the bounding box of the shape, that is, the smallest rectangle that includes all pixels of the shape.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.stencil" id=link16 onMouseOver="ShowTip(event, 'tt15', 'link16')" onMouseOut="HideTip('tt15')">stencil</a></td><td class=SDescription>Holds the <a href="mxStencil-js.html#mxStencil" class=LClass id=link17 onMouseOver="ShowTip(event, 'tt16', 'link17')" onMouseOut="HideTip('tt16')">mxStencil</a> that defines the shape.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.svgStrokeTolerance" id=link18 onMouseOver="ShowTip(event, 'tt17', 'link18')" onMouseOut="HideTip('tt17')">svgStrokeTolerance</a></td><td class=SDescription>Event-tolerance for SVG strokes (in px). </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.pointerEvents" id=link19 onMouseOver="ShowTip(event, 'tt18', 'link19')" onMouseOut="HideTip('tt18')">pointerEvents</a></td><td class=SDescription>Specifies if pointer events should be handled. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.svgPointerEvents" id=link20 onMouseOver="ShowTip(event, 'tt19', 'link20')" onMouseOut="HideTip('tt19')">svgPointerEvents</a></td><td class=SDescription>Specifies if pointer events should be handled. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.shapePointerEvents" id=link21 onMouseOver="ShowTip(event, 'tt20', 'link21')" onMouseOut="HideTip('tt20')">shapePointerEvents</a></td><td class=SDescription>Specifies if pointer events outside of shape should be handled. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.stencilPointerEvents" id=link22 onMouseOver="ShowTip(event, 'tt21', 'link22')" onMouseOut="HideTip('tt21')">stencilPointerEvents</a></td><td class=SDescription>Specifies if pointer events outside of stencils should be handled. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.vmlScale" id=link23 onMouseOver="ShowTip(event, 'tt22', 'link23')" onMouseOut="HideTip('tt22')">vmlScale</a></td><td class=SDescription>Scale for improving the precision of VML rendering. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.outline" id=link24 onMouseOver="ShowTip(event, 'tt23', 'link24')" onMouseOut="HideTip('tt23')">outline</a></td><td class=SDescription>Specifies if the shape should be drawn as an outline. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.visible" id=link25 onMouseOver="ShowTip(event, 'tt24', 'link25')" onMouseOut="HideTip('tt24')">visible</a></td><td class=SDescription>Specifies if the shape is visible. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.useSvgBoundingBox" id=link26 onMouseOver="ShowTip(event, 'tt25', 'link26')" onMouseOut="HideTip('tt25')">useSvgBoundingBox</a></td><td class=SDescription>Allows to use the SVG bounding box in SVG. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxShape.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.init" id=link27 onMouseOver="ShowTip(event, 'tt26', 'link27')" onMouseOut="HideTip('tt26')">init</a></td><td class=SDescription>Initializes the shape by creaing the DOM node using <a href="#mxShape.create" class=LFunction id=link28 onMouseOver="ShowTip(event, 'tt27', 'link28')" onMouseOut="HideTip('tt27')">create</a> and adding it into the given container.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.initStyles" id=link29 onMouseOver="ShowTip(event, 'tt28', 'link29')" onMouseOut="HideTip('tt28')">initStyles</a></td><td class=SDescription>Sets the styles to their default values.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.isParseVml" id=link30 onMouseOver="ShowTip(event, 'tt29', 'link30')" onMouseOut="HideTip('tt29')">isParseVml</a></td><td class=SDescription>Specifies if any VML should be added via insertAdjacentHtml to the DOM. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.isHtmlAllowed" id=link31 onMouseOver="ShowTip(event, 'tt30', 'link31')" onMouseOut="HideTip('tt30')">isHtmlAllowed</a></td><td class=SDescription>Returns true if HTML is allowed for this shape. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.getSvgScreenOffset" id=link32 onMouseOver="ShowTip(event, 'tt31', 'link32')" onMouseOut="HideTip('tt31')">getSvgScreenOffset</a></td><td class=SDescription>Returns 0, or 0.5 if &lt;strokewidth&gt; % 2 == 1.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.create" id=link33 onMouseOver="ShowTip(event, 'tt27', 'link33')" onMouseOut="HideTip('tt27')">create</a></td><td class=SDescription>Creates and returns the DOM node(s) for the shape in the given container. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createSvg" id=link34 onMouseOver="ShowTip(event, 'tt32', 'link34')" onMouseOut="HideTip('tt32')">createSvg</a></td><td class=SDescription>Creates and returns the SVG node(s) to represent this shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.createVml" id=link35 onMouseOver="ShowTip(event, 'tt33', 'link35')" onMouseOut="HideTip('tt33')">createVml</a></td><td class=SDescription>Creates and returns the VML node to represent this shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createHtml" id=link36 onMouseOver="ShowTip(event, 'tt34', 'link36')" onMouseOut="HideTip('tt34')">createHtml</a></td><td class=SDescription>Creates and returns the HTML DOM node(s) to represent this shape. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.reconfigure" id=link37 onMouseOver="ShowTip(event, 'tt35', 'link37')" onMouseOut="HideTip('tt35')">reconfigure</a></td><td class=SDescription>Reconfigures this shape. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.redraw" id=link38 onMouseOver="ShowTip(event, 'tt36', 'link38')" onMouseOut="HideTip('tt36')">redraw</a></td><td class=SDescription>Creates and returns the SVG node(s) to represent this shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.clear" id=link39 onMouseOver="ShowTip(event, 'tt37', 'link39')" onMouseOut="HideTip('tt37')">clear</a></td><td class=SDescription>Removes all child nodes and resets all CSS.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.updateBoundsFromPoints" id=link40 onMouseOver="ShowTip(event, 'tt38', 'link40')" onMouseOut="HideTip('tt38')">updateBoundsFromPoints</a></td><td class=SDescription>Updates the bounds based on the points.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getLabelBounds" id=link41 onMouseOver="ShowTip(event, 'tt39', 'link41')" onMouseOut="HideTip('tt39')">getLabelBounds</a></td><td class=SDescription>Returns the <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link42 onMouseOver="ShowTip(event, 'tt7', 'link42')" onMouseOut="HideTip('tt7')">mxRectangle</a> for the label bounds of this shape, based on the given scaled and translated bounds of the shape. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.getLabelMargins" id=link43 onMouseOver="ShowTip(event, 'tt40', 'link43')" onMouseOut="HideTip('tt40')">getLabelMargins</a></td><td class=SDescription>Returns the scaled top, left, bottom and right margin to be used for computing the label bounds as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link44 onMouseOver="ShowTip(event, 'tt7', 'link44')" onMouseOut="HideTip('tt7')">mxRectangle</a>, where the bottom and right margin are defined in the width and height of the rectangle, respectively.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.checkBounds" id=link45 onMouseOver="ShowTip(event, 'tt41', 'link45')" onMouseOut="HideTip('tt41')">checkBounds</a></td><td class=SDescription>Returns true if the bounds are not null and all of its variables are numeric.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createVmlGroup" id=link46 onMouseOver="ShowTip(event, 'tt42', 'link46')" onMouseOut="HideTip('tt42')">createVmlGroup</a></td><td class=SDescription>Returns the temporary element used for rendering in IE8 standards mode.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.redrawShape" id=link47 onMouseOver="ShowTip(event, 'tt43', 'link47')" onMouseOut="HideTip('tt43')">redrawShape</a></td><td class=SDescription>Updates the SVG or VML shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createCanvas" id=link48 onMouseOver="ShowTip(event, 'tt44', 'link48')" onMouseOut="HideTip('tt44')">createCanvas</a></td><td class=SDescription>Creates a new canvas for drawing this shape. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.createSvgCanvas" id=link49 onMouseOver="ShowTip(event, 'tt45', 'link49')" onMouseOut="HideTip('tt45')">createSvgCanvas</a></td><td class=SDescription>Creates and returns an <a href="../util/mxSvgCanvas2D-js.html#mxSvgCanvas2D" class=LClass id=link50 onMouseOver="ShowTip(event, 'tt46', 'link50')" onMouseOut="HideTip('tt46')">mxSvgCanvas2D</a> for rendering this shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createVmlCanvas" id=link51 onMouseOver="ShowTip(event, 'tt47', 'link51')" onMouseOut="HideTip('tt47')">createVmlCanvas</a></td><td class=SDescription>Creates and returns an <a href="../util/mxVmlCanvas2D-js.html#mxVmlCanvas2D" class=LClass id=link52 onMouseOver="ShowTip(event, 'tt48', 'link52')" onMouseOut="HideTip('tt48')">mxVmlCanvas2D</a> for rendering this shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.updateVmlContainer" id=link53 onMouseOver="ShowTip(event, 'tt49', 'link53')" onMouseOut="HideTip('tt49')">updateVmlContainer</a></td><td class=SDescription>Updates the bounds of the VML container.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.redrawHtml" id=link54 onMouseOver="ShowTip(event, 'tt50', 'link54')" onMouseOut="HideTip('tt50')">redrawHtml</a></td><td class=SDescription>Allow optimization by replacing VML with HTML.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.updateHtmlFilters" id=link55 onMouseOver="ShowTip(event, 'tt51', 'link55')" onMouseOut="HideTip('tt51')">updateHtmlFilters</a></td><td class=SDescription>Allow optimization by replacing VML with HTML.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.updateHtmlColors" id=link56 onMouseOver="ShowTip(event, 'tt52', 'link56')" onMouseOut="HideTip('tt52')">updateHtmlColors</a></td><td class=SDescription>Allow optimization by replacing VML with HTML.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.updateHtmlBounds" id=link57 onMouseOver="ShowTip(event, 'tt53', 'link57')" onMouseOut="HideTip('tt53')">updateHtmlBounds</a></td><td class=SDescription>Allow optimization by replacing VML with HTML.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.destroyCanvas" id=link58 onMouseOver="ShowTip(event, 'tt54', 'link58')" onMouseOut="HideTip('tt54')">destroyCanvas</a></td><td class=SDescription>Destroys the given canvas which was used for drawing. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.beforePaint" id=link59 onMouseOver="ShowTip(event, 'tt55', 'link59')" onMouseOut="HideTip('tt55')">beforePaint</a></td><td class=SDescription>Invoked before paint is called.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.afterPaint" id=link60 onMouseOver="ShowTip(event, 'tt56', 'link60')" onMouseOut="HideTip('tt56')">afterPaint</a></td><td class=SDescription>Invokes after paint was called.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.paint" id=link61 onMouseOver="ShowTip(event, 'tt57', 'link61')" onMouseOut="HideTip('tt57')">paint</a></td><td class=SDescription>Generic rendering code.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.configureCanvas" id=link62 onMouseOver="ShowTip(event, 'tt58', 'link62')" onMouseOut="HideTip('tt58')">configureCanvas</a></td><td class=SDescription>Sets the state of the canvas for drawing the shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getGradientBounds" id=link63 onMouseOver="ShowTip(event, 'tt59', 'link63')" onMouseOut="HideTip('tt59')">getGradientBounds</a></td><td class=SDescription>Returns the bounding box for the gradient box for this shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.updateTransform" id=link64 onMouseOver="ShowTip(event, 'tt60', 'link64')" onMouseOut="HideTip('tt60')">updateTransform</a></td><td class=SDescription>Sets the scale and rotation on the given canvas.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.paintVertexShape" id=link65 onMouseOver="ShowTip(event, 'tt61', 'link65')" onMouseOut="HideTip('tt61')">paintVertexShape</a></td><td class=SDescription>Paints the vertex shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.paintBackground" id=link66 onMouseOver="ShowTip(event, 'tt62', 'link66')" onMouseOut="HideTip('tt62')">paintBackground</a></td><td class=SDescription>Hook for subclassers. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.paintForeground" id=link67 onMouseOver="ShowTip(event, 'tt63', 'link67')" onMouseOut="HideTip('tt63')">paintForeground</a></td><td class=SDescription>Hook for subclassers. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.paintEdgeShape" id=link68 onMouseOver="ShowTip(event, 'tt64', 'link68')" onMouseOut="HideTip('tt64')">paintEdgeShape</a></td><td class=SDescription>Hook for subclassers. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getArcSize" id=link69 onMouseOver="ShowTip(event, 'tt65', 'link69')" onMouseOut="HideTip('tt65')">getArcSize</a></td><td class=SDescription>Returns the arc size for the given dimension.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.paintGlassEffect" id=link70 onMouseOver="ShowTip(event, 'tt66', 'link70')" onMouseOut="HideTip('tt66')">paintGlassEffect</a></td><td class=SDescription>Paints the glass gradient effect.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.addPoints" id=link71 onMouseOver="ShowTip(event, 'tt67', 'link71')" onMouseOut="HideTip('tt67')">addPoints</a></td><td class=SDescription>Paints the given points with rounded corners.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.resetStyles" id=link72 onMouseOver="ShowTip(event, 'tt68', 'link72')" onMouseOut="HideTip('tt68')">resetStyles</a></td><td class=SDescription>Resets all styles.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.apply" id=link73 onMouseOver="ShowTip(event, 'tt69', 'link73')" onMouseOut="HideTip('tt69')">apply</a></td><td class=SDescription>Applies the style of the given <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link74 onMouseOver="ShowTip(event, 'tt12', 'link74')" onMouseOut="HideTip('tt12')">mxCellState</a> to the shape. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.setCursor" id=link75 onMouseOver="ShowTip(event, 'tt70', 'link75')" onMouseOut="HideTip('tt70')">setCursor</a></td><td class=SDescription>Sets the cursor on the given shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getCursor" id=link76 onMouseOver="ShowTip(event, 'tt71', 'link76')" onMouseOut="HideTip('tt71')">getCursor</a></td><td class=SDescription>Returns the current cursor.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.isRoundable" id=link77 onMouseOver="ShowTip(event, 'tt72', 'link77')" onMouseOut="HideTip('tt72')">isRoundable</a></td><td class=SDescription>Hook for subclassers.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.updateBoundingBox" id=link78 onMouseOver="ShowTip(event, 'tt73', 'link78')" onMouseOut="HideTip('tt73')">updateBoundingBox</a></td><td class=SDescription>Updates the <a href="#mxShape.boundingBox" class=LVariable id=link79 onMouseOver="ShowTip(event, 'tt14', 'link79')" onMouseOut="HideTip('tt14')">boundingBox</a> for this shape using <a href="#mxShape.createBoundingBox" class=LFunction id=link80 onMouseOver="ShowTip(event, 'tt74', 'link80')" onMouseOut="HideTip('tt74')">createBoundingBox</a> and <a href="#mxShape.augmentBoundingBox" class=LFunction id=link81 onMouseOver="ShowTip(event, 'tt75', 'link81')" onMouseOut="HideTip('tt75')">augmentBoundingBox</a> and stores the result in <a href="#mxShape.boundingBox" class=LVariable id=link82 onMouseOver="ShowTip(event, 'tt14', 'link82')" onMouseOut="HideTip('tt14')">boundingBox</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createBoundingBox" id=link83 onMouseOver="ShowTip(event, 'tt74', 'link83')" onMouseOut="HideTip('tt74')">createBoundingBox</a></td><td class=SDescription>Returns a new rectangle that represents the bounding box of the bare shape with no shadows or strokewidths.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.augmentBoundingBox" id=link84 onMouseOver="ShowTip(event, 'tt75', 'link84')" onMouseOut="HideTip('tt75')">augmentBoundingBox</a></td><td class=SDescription>Augments the bounding box with the strokewidth and shadow offsets.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.isPaintBoundsInverted" id=link85 onMouseOver="ShowTip(event, 'tt76', 'link85')" onMouseOut="HideTip('tt76')">isPaintBoundsInverted</a></td><td class=SDescription>Returns true if the bounds should be inverted.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getRotation" id=link86 onMouseOver="ShowTip(event, 'tt77', 'link86')" onMouseOut="HideTip('tt77')">getRotation</a></td><td class=SDescription>Returns the rotation from the style.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.getTextRotation" id=link87 onMouseOver="ShowTip(event, 'tt78', 'link87')" onMouseOut="HideTip('tt78')">getTextRotation</a></td><td class=SDescription>Returns the rotation for the text label.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getShapeRotation" id=link88 onMouseOver="ShowTip(event, 'tt79', 'link88')" onMouseOut="HideTip('tt79')">getShapeRotation</a></td><td class=SDescription>Returns the actual rotation of the shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createTransparentSvgRectangle" id=link89 onMouseOver="ShowTip(event, 'tt80', 'link89')" onMouseOut="HideTip('tt80')">createTransparentSvgRectangle</a></td><td class=SDescription>Adds a transparent rectangle that catches all events.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.setTransparentBackgroundImage" id=link90 onMouseOver="ShowTip(event, 'tt81', 'link90')" onMouseOut="HideTip('tt81')">setTransparentBackgroundImage</a></td><td class=SDescription>Sets a transparent background CSS style to catch all events.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.releaseSvgGradients" id=link91 onMouseOver="ShowTip(event, 'tt82', 'link91')" onMouseOut="HideTip('tt82')">releaseSvgGradients</a></td><td class=SDescription>Paints the line shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.destroy" id=link92 onMouseOver="ShowTip(event, 'tt83', 'link92')" onMouseOut="HideTip('tt83')">destroy</a></td><td class=SDescription>Destroys the shape by removing it from the DOM and releasing the DOM node associated with the shape using <a href="../util/mxEvent-js.html#mxEvent.release" class=LFunction id=link93 onMouseOver="ShowTip(event, 'tt84', 'link93')" onMouseOut="HideTip('tt84')">mxEvent.release</a>.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxShape.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.mxShape"></a>mxShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>function mxShape(</td><td class="PParameter  prettyprint " nowrap>stencil</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new shape.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxShape.Variables"></a>Variables</h3></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.dialect"></a>dialect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.dialect</td></tr></table></blockquote><p>Holds the dialect in which the shape is to be painted.&nbsp; This can be one of the DIALECT constants in <a href="../util/mxConstants-js.html#mxConstants" class=LClass id=link99 onMouseOver="ShowTip(event, 'tt89', 'link99')" onMouseOut="HideTip('tt89')">mxConstants</a>.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.scale"></a>scale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.scale</td></tr></table></blockquote><p>Holds the scale in which the shape is being painted.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.antiAlias"></a>antiAlias</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.antiAlias</td></tr></table></blockquote><p>Rendering hint for configuring the canvas.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.minSvgStrokeWidth"></a>minSvgStrokeWidth</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.minSvgStrokeWidth</td></tr></table></blockquote><p>Minimum stroke width for SVG output.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.bounds"></a>bounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.bounds</td></tr></table></blockquote><p>Holds the <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link100 onMouseOver="ShowTip(event, 'tt7', 'link100')" onMouseOut="HideTip('tt7')">mxRectangle</a> that specifies the bounds of this shape.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.points"></a>points</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.points</td></tr></table></blockquote><p>Holds the array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link101 onMouseOver="ShowTip(event, 'tt9', 'link101')" onMouseOut="HideTip('tt9')">mxPoints</a> that specify the points of this shape.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.node"></a>node</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.node</td></tr></table></blockquote><p>Holds the outermost DOM node that represents this shape.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.state"></a>state</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.state</td></tr></table></blockquote><p>Optional reference to the corresponding <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link102 onMouseOver="ShowTip(event, 'tt12', 'link102')" onMouseOut="HideTip('tt12')">mxCellState</a>.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.style"></a>style</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.style</td></tr></table></blockquote><p>Optional reference to the style of the corresponding <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link103 onMouseOver="ShowTip(event, 'tt12', 'link103')" onMouseOut="HideTip('tt12')">mxCellState</a>.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.boundingBox"></a>boundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.boundingBox</td></tr></table></blockquote><p>Contains the bounding box of the shape, that is, the smallest rectangle that includes all pixels of the shape.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.stencil"></a>stencil</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.stencil</td></tr></table></blockquote><p>Holds the <a href="mxStencil-js.html#mxStencil" class=LClass id=link104 onMouseOver="ShowTip(event, 'tt16', 'link104')" onMouseOut="HideTip('tt16')">mxStencil</a> that defines the shape.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.svgStrokeTolerance"></a>svgStrokeTolerance</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.svgStrokeTolerance</td></tr></table></blockquote><p>Event-tolerance for SVG strokes (in px).&nbsp; Default is 8.&nbsp; This is only passed to the canvas in <a href="#mxShape.createSvgCanvas" class=LFunction id=link105 onMouseOver="ShowTip(event, 'tt45', 'link105')" onMouseOut="HideTip('tt45')">createSvgCanvas</a> if <a href="#mxShape.pointerEvents" class=LVariable id=link106 onMouseOver="ShowTip(event, 'tt18', 'link106')" onMouseOut="HideTip('tt18')">pointerEvents</a> is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.pointerEvents"></a>pointerEvents</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.pointerEvents</td></tr></table></blockquote><p>Specifies if pointer events should be handled.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.svgPointerEvents"></a>svgPointerEvents</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.svgPointerEvents</td></tr></table></blockquote><p>Specifies if pointer events should be handled.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.shapePointerEvents"></a>shapePointerEvents</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.shapePointerEvents</td></tr></table></blockquote><p>Specifies if pointer events outside of shape should be handled.&nbsp; Default is false.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.stencilPointerEvents"></a>stencilPointerEvents</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.stencilPointerEvents</td></tr></table></blockquote><p>Specifies if pointer events outside of stencils should be handled.&nbsp; Default is false.&nbsp; Set this to true for backwards compatibility with the 1.x branch.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.vmlScale"></a>vmlScale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.vmlScale</td></tr></table></blockquote><p>Scale for improving the precision of VML rendering.&nbsp; Default is 1.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.outline"></a>outline</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.outline</td></tr></table></blockquote><p>Specifies if the shape should be drawn as an outline.&nbsp; This disables all fill colors and can be used to disable other drawing states that should not be painted for outlines.&nbsp; Default is false.&nbsp; This should be set before calling <a href="#mxShape.apply" class=LFunction id=link107 onMouseOver="ShowTip(event, 'tt69', 'link107')" onMouseOut="HideTip('tt69')">apply</a>.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.visible"></a>visible</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.visible</td></tr></table></blockquote><p>Specifies if the shape is visible.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.useSvgBoundingBox"></a>useSvgBoundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.useSvgBoundingBox</td></tr></table></blockquote><p>Allows to use the SVG bounding box in SVG.&nbsp; Default is false for performance reasons.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxShape.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.init"></a>init</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.init = function(</td><td class="PParameter  prettyprint " nowrap>container</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes the shape by creaing the DOM node using <a href="#mxShape.create" class=LFunction id=link108 onMouseOver="ShowTip(event, 'tt27', 'link108')" onMouseOut="HideTip('tt27')">create</a> and adding it into the given container.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>container</td><td class=CDLDescription>DOM node that will contain the shape.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.initStyles"></a>initStyles</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.initStyles = function(</td><td class="PParameter  prettyprint " nowrap>container</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the styles to their default values.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.isParseVml"></a>isParseVml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isParseVml = function()</td></tr></table></blockquote><p>Specifies if any VML should be added via insertAdjacentHtml to the DOM.&nbsp; This is only needed in IE8 and only if the shape contains VML markup.&nbsp; This method returns true.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.isHtmlAllowed"></a>isHtmlAllowed</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isHtmlAllowed = function()</td></tr></table></blockquote><p>Returns true if HTML is allowed for this shape.&nbsp; This implementation always returns false.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getSvgScreenOffset"></a>getSvgScreenOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getSvgScreenOffset = function()</td></tr></table></blockquote><p>Returns 0, or 0.5 if &lt;strokewidth&gt; % 2 == 1.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.create"></a>create</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.create = function(</td><td class="PParameter  prettyprint " nowrap>container</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns the DOM node(s) for the shape in the given container.&nbsp; This implementation invokes <a href="#mxShape.createSvg" class=LFunction id=link109 onMouseOver="ShowTip(event, 'tt32', 'link109')" onMouseOut="HideTip('tt32')">createSvg</a>, <a href="#mxShape.createHtml" class=LFunction id=link110 onMouseOver="ShowTip(event, 'tt34', 'link110')" onMouseOut="HideTip('tt34')">createHtml</a> or <a href="#mxShape.createVml" class=LFunction id=link111 onMouseOver="ShowTip(event, 'tt33', 'link111')" onMouseOut="HideTip('tt33')">createVml</a> depending on the <a href="#mxShape.dialect" class=LVariable id=link112 onMouseOver="ShowTip(event, 'tt2', 'link112')" onMouseOut="HideTip('tt2')">dialect</a> and style settings.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>container</td><td class=CDLDescription>DOM node that will contain the shape.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createSvg"></a>createSvg</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createSvg = function()</td></tr></table></blockquote><p>Creates and returns the SVG node(s) to represent this shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createVml"></a>createVml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVml = function()</td></tr></table></blockquote><p>Creates and returns the VML node to represent this shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createHtml"></a>createHtml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createHtml = function()</td></tr></table></blockquote><p>Creates and returns the HTML DOM node(s) to represent this shape.&nbsp; This implementation falls back to <a href="#mxShape.createVml" class=LFunction id=link113 onMouseOver="ShowTip(event, 'tt33', 'link113')" onMouseOut="HideTip('tt33')">createVml</a> so that the HTML creation is optional.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.reconfigure"></a>reconfigure</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.reconfigure = function()</td></tr></table></blockquote><p>Reconfigures this shape.&nbsp; This will update the colors etc in addition to the bounds or points.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.redraw"></a>redraw</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redraw = function()</td></tr></table></blockquote><p>Creates and returns the SVG node(s) to represent this shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.clear"></a>clear</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.clear = function()</td></tr></table></blockquote><p>Removes all child nodes and resets all CSS.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateBoundsFromPoints"></a>updateBoundsFromPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateBoundsFromPoints = function()</td></tr></table></blockquote><p>Updates the bounds based on the points.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getLabelBounds"></a>getLabelBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.getLabelBounds = function(</td><td class="PParameter  prettyprint " nowrap>rect</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link114 onMouseOver="ShowTip(event, 'tt7', 'link114')" onMouseOut="HideTip('tt7')">mxRectangle</a> for the label bounds of this shape, based on the given scaled and translated bounds of the shape.&nbsp; This method should not change the rectangle in-place.&nbsp; This implementation returns the given rect.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getLabelMargins"></a>getLabelMargins</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.getLabelMargins= function(</td><td class="PParameter  prettyprint " nowrap>rect</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the scaled top, left, bottom and right margin to be used for computing the label bounds as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link115 onMouseOver="ShowTip(event, 'tt7', 'link115')" onMouseOut="HideTip('tt7')">mxRectangle</a>, where the bottom and right margin are defined in the width and height of the rectangle, respectively.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.checkBounds"></a>checkBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.checkBounds = function()</td></tr></table></blockquote><p>Returns true if the bounds are not null and all of its variables are numeric.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createVmlGroup"></a>createVmlGroup</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVmlGroup = function()</td></tr></table></blockquote><p>Returns the temporary element used for rendering in IE8 standards mode.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.redrawShape"></a>redrawShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redrawShape = function()</td></tr></table></blockquote><p>Updates the SVG or VML shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createCanvas"></a>createCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createCanvas = function()</td></tr></table></blockquote><p>Creates a new canvas for drawing this shape.&nbsp; May return null.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createSvgCanvas"></a>createSvgCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createSvgCanvas = function()</td></tr></table></blockquote><p>Creates and returns an <a href="../util/mxSvgCanvas2D-js.html#mxSvgCanvas2D" class=LClass id=link116 onMouseOver="ShowTip(event, 'tt46', 'link116')" onMouseOut="HideTip('tt46')">mxSvgCanvas2D</a> for rendering this shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createVmlCanvas"></a>createVmlCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVmlCanvas = function()</td></tr></table></blockquote><p>Creates and returns an <a href="../util/mxVmlCanvas2D-js.html#mxVmlCanvas2D" class=LClass id=link117 onMouseOver="ShowTip(event, 'tt48', 'link117')" onMouseOut="HideTip('tt48')">mxVmlCanvas2D</a> for rendering this shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateVmlContainer"></a>updateVmlContainer</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateVmlContainer = function()</td></tr></table></blockquote><p>Updates the bounds of the VML container.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.redrawHtml"></a>redrawHtml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redrawHtmlShape = function()</td></tr></table></blockquote><p>Allow optimization by replacing VML with HTML.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateHtmlFilters"></a>updateHtmlFilters</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.updateHtmlFilters = function(</td><td class="PParameter  prettyprint " nowrap>node</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Allow optimization by replacing VML with HTML.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateHtmlColors"></a>updateHtmlColors</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.updateHtmlColors = function(</td><td class="PParameter  prettyprint " nowrap>node</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Allow optimization by replacing VML with HTML.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateHtmlBounds"></a>updateHtmlBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.updateHtmlBounds = function(</td><td class="PParameter  prettyprint " nowrap>node</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Allow optimization by replacing VML with HTML.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.destroyCanvas"></a>destroyCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.destroyCanvas = function(</td><td class="PParameter  prettyprint " nowrap>canvas</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Destroys the given canvas which was used for drawing.&nbsp; This implementation increments the reference counts on all shared gradients used in the canvas.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.beforePaint"></a>beforePaint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.beforePaint = function(</td><td class="PParameter  prettyprint " nowrap>c</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Invoked before paint is called.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.afterPaint"></a>afterPaint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.afterPaint = function(</td><td class="PParameter  prettyprint " nowrap>c</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Invokes after paint was called.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paint"></a>paint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paint = function(</td><td class="PParameter  prettyprint " nowrap>c</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Generic rendering code.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.configureCanvas"></a>configureCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.configureCanvas = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the state of the canvas for drawing the shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getGradientBounds"></a>getGradientBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.getGradientBounds = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounding box for the gradient box for this shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateTransform"></a>updateTransform</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.updateTransform = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the scale and rotation on the given canvas.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintVertexShape"></a>paintVertexShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintVertexShape = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the vertex shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintBackground"></a>paintBackground</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintBackground = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for subclassers.&nbsp; This implementation is empty.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintForeground"></a>paintForeground</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintForeground = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for subclassers.&nbsp; This implementation is empty.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintEdgeShape"></a>paintEdgeShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintEdgeShape = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>pts</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for subclassers.&nbsp; This implementation is empty.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getArcSize"></a>getArcSize</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.getArcSize = function(</td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the arc size for the given dimension.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintGlassEffect"></a>paintGlassEffect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintGlassEffect = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>arc</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the glass gradient effect.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.addPoints"></a>addPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.addPoints = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>pts,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>rounded,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>arcSize,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>close,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>exclude,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>initialMove</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the given points with rounded corners.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.resetStyles"></a>resetStyles</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.resetStyles = function()</td></tr></table></blockquote><p>Resets all styles.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.apply"></a>apply</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.apply = function(</td><td class="PParameter  prettyprint " nowrap>state</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Applies the style of the given <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link118 onMouseOver="ShowTip(event, 'tt12', 'link118')" onMouseOut="HideTip('tt12')">mxCellState</a> to the shape.&nbsp; This implementation assigns the following styles to local fields:</p><ul><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_FILLCOLOR" class=LVariable id=link119 onMouseOver="ShowTip(event, 'tt90', 'link119')" onMouseOut="HideTip('tt90')">mxConstants.STYLE_FILLCOLOR</a> =&gt; fill</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_GRADIENTCOLOR" class=LVariable id=link120 onMouseOver="ShowTip(event, 'tt91', 'link120')" onMouseOut="HideTip('tt91')">mxConstants.STYLE_GRADIENTCOLOR</a> =&gt; gradient</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_GRADIENT_DIRECTION" class=LVariable id=link121 onMouseOver="ShowTip(event, 'tt92', 'link121')" onMouseOut="HideTip('tt92')">mxConstants.STYLE_GRADIENT_DIRECTION</a> =&gt; gradientDirection</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_OPACITY" class=LVariable id=link122 onMouseOver="ShowTip(event, 'tt93', 'link122')" onMouseOut="HideTip('tt93')">mxConstants.STYLE_OPACITY</a> =&gt; opacity</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_FILL_OPACITY" class=LVariable id=link123 onMouseOver="ShowTip(event, 'tt94', 'link123')" onMouseOut="HideTip('tt94')">mxConstants.STYLE_FILL_OPACITY</a> =&gt; fillOpacity</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STROKE_OPACITY" class=LVariable id=link124 onMouseOver="ShowTip(event, 'tt95', 'link124')" onMouseOut="HideTip('tt95')">mxConstants.STYLE_STROKE_OPACITY</a> =&gt; strokeOpacity</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STROKECOLOR" class=LVariable id=link125 onMouseOver="ShowTip(event, 'tt96', 'link125')" onMouseOut="HideTip('tt96')">mxConstants.STYLE_STROKECOLOR</a> =&gt; stroke</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STROKEWIDTH" class=LVariable id=link126 onMouseOver="ShowTip(event, 'tt97', 'link126')" onMouseOut="HideTip('tt97')">mxConstants.STYLE_STROKEWIDTH</a> =&gt; strokewidth</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_SHADOW" class=LVariable id=link127 onMouseOver="ShowTip(event, 'tt98', 'link127')" onMouseOut="HideTip('tt98')">mxConstants.STYLE_SHADOW</a> =&gt; isShadow</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_DASHED" class=LVariable id=link128 onMouseOver="ShowTip(event, 'tt99', 'link128')" onMouseOut="HideTip('tt99')">mxConstants.STYLE_DASHED</a> =&gt; isDashed</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_SPACING" class=LVariable id=link129 onMouseOver="ShowTip(event, 'tt100', 'link129')" onMouseOut="HideTip('tt100')">mxConstants.STYLE_SPACING</a> =&gt; spacing</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STARTSIZE" class=LVariable id=link130 onMouseOver="ShowTip(event, 'tt101', 'link130')" onMouseOut="HideTip('tt101')">mxConstants.STYLE_STARTSIZE</a> =&gt; startSize</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_ENDSIZE" class=LVariable id=link131 onMouseOver="ShowTip(event, 'tt102', 'link131')" onMouseOut="HideTip('tt102')">mxConstants.STYLE_ENDSIZE</a> =&gt; endSize</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_ROUNDED" class=LVariable id=link132 onMouseOver="ShowTip(event, 'tt103', 'link132')" onMouseOut="HideTip('tt103')">mxConstants.STYLE_ROUNDED</a> =&gt; isRounded</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STARTARROW" class=LVariable id=link133 onMouseOver="ShowTip(event, 'tt104', 'link133')" onMouseOut="HideTip('tt104')">mxConstants.STYLE_STARTARROW</a> =&gt; startArrow</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_ENDARROW" class=LVariable id=link134 onMouseOver="ShowTip(event, 'tt105', 'link134')" onMouseOut="HideTip('tt105')">mxConstants.STYLE_ENDARROW</a> =&gt; endArrow</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_ROTATION" class=LVariable id=link135 onMouseOver="ShowTip(event, 'tt106', 'link135')" onMouseOut="HideTip('tt106')">mxConstants.STYLE_ROTATION</a> =&gt; rotation</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_DIRECTION" class=LVariable id=link136 onMouseOver="ShowTip(event, 'tt107', 'link136')" onMouseOut="HideTip('tt107')">mxConstants.STYLE_DIRECTION</a> =&gt; direction</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_GLASS" class=LVariable id=link137 onMouseOver="ShowTip(event, 'tt108', 'link137')" onMouseOut="HideTip('tt108')">mxConstants.STYLE_GLASS</a> =&gt; glass</li></ul><p>This keeps a reference to the <a href="#mxShape.style" class=LVariable id=link138 onMouseOver="ShowTip(event, 'tt13', 'link138')" onMouseOut="HideTip('tt13')">style</a>.&nbsp; If you need to keep a reference to the cell, you can override this method and store a local reference to state.cell or the <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link139 onMouseOver="ShowTip(event, 'tt12', 'link139')" onMouseOut="HideTip('tt12')">mxCellState</a> itself.&nbsp; If <a href="#mxShape.outline" class=LVariable id=link140 onMouseOver="ShowTip(event, 'tt23', 'link140')" onMouseOut="HideTip('tt23')">outline</a> should be true, make sure to set it before calling this method.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link141 onMouseOver="ShowTip(event, 'tt12', 'link141')" onMouseOut="HideTip('tt12')">mxCellState</a> of the corresponding cell.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.setCursor"></a>setCursor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.setCursor = function(</td><td class="PParameter  prettyprint " nowrap>cursor</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the cursor on the given shape.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cursor</td><td class=CDLDescription>The cursor to be used.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getCursor"></a>getCursor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getCursor = function()</td></tr></table></blockquote><p>Returns the current cursor.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.isRoundable"></a>isRoundable</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isRoundable = function()</td></tr></table></blockquote><p>Hook for subclassers.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateBoundingBox"></a>updateBoundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateBoundingBox = function()</td></tr></table></blockquote><p>Updates the <a href="#mxShape.boundingBox" class=LVariable id=link142 onMouseOver="ShowTip(event, 'tt14', 'link142')" onMouseOut="HideTip('tt14')">boundingBox</a> for this shape using <a href="#mxShape.createBoundingBox" class=LFunction id=link143 onMouseOver="ShowTip(event, 'tt74', 'link143')" onMouseOut="HideTip('tt74')">createBoundingBox</a> and <a href="#mxShape.augmentBoundingBox" class=LFunction id=link144 onMouseOver="ShowTip(event, 'tt75', 'link144')" onMouseOut="HideTip('tt75')">augmentBoundingBox</a> and stores the result in <a href="#mxShape.boundingBox" class=LVariable id=link145 onMouseOver="ShowTip(event, 'tt14', 'link145')" onMouseOut="HideTip('tt14')">boundingBox</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createBoundingBox"></a>createBoundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createBoundingBox = function()</td></tr></table></blockquote><p>Returns a new rectangle that represents the bounding box of the bare shape with no shadows or strokewidths.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.augmentBoundingBox"></a>augmentBoundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.augmentBoundingBox = function(</td><td class="PParameter  prettyprint " nowrap>bbox</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Augments the bounding box with the strokewidth and shadow offsets.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.isPaintBoundsInverted"></a>isPaintBoundsInverted</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isPaintBoundsInverted = function()</td></tr></table></blockquote><p>Returns true if the bounds should be inverted.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getRotation"></a>getRotation</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getRotation = function()</td></tr></table></blockquote><p>Returns the rotation from the style.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getTextRotation"></a>getTextRotation</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getTextRotation = function()</td></tr></table></blockquote><p>Returns the rotation for the text label.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getShapeRotation"></a>getShapeRotation</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getShapeRotation = function()</td></tr></table></blockquote><p>Returns the actual rotation of the shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createTransparentSvgRectangle"></a>createTransparentSvgRectangle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.createTransparentSvgRectangle = function(</td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a transparent rectangle that catches all events.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.setTransparentBackgroundImage"></a>setTransparentBackgroundImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.setTransparentBackgroundImage = function(</td><td class="PParameter  prettyprint " nowrap>node</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets a transparent background CSS style to catch all events.</p><p>Paints the line shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.releaseSvgGradients"></a>releaseSvgGradients</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.releaseSvgGradients = function(</td><td class="PParameter  prettyprint " nowrap>grads</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the line shape.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.destroy"></a>destroy</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.destroy = function()</td></tr></table></blockquote><p>Destroys the shape by removing it from the DOM and releasing the DOM node associated with the shape using <a href="../util/mxEvent-js.html#mxEvent.release" class=LFunction id=link146 onMouseOver="ShowTip(event, 'tt84', 'link146')" onMouseOut="HideTip('tt84')">mxEvent.release</a>.</p></div></div></div>

</div><!--Content-->


<div id=Footer><a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->


<div id=Menu><div class=MEntry><div class=MFile><a href="../index-txt.html">API Specification</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Editor</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="../editor/mxDefaultKeyHandler-js.html">mxDefaultKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultPopupMenu-js.html">mxDefaultPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultToolbar-js.html">mxDefaultToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxEditor-js.html">mxEditor</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Handler</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="../handler/mxCellHighlight-js.html">mxCellHighlight</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellMarker-js.html">mxCellMarker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellTracker-js.html">mxCellTracker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConnectionHandler-js.html">mxConnectionHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConstraintHandler-js.html">mxConstraintHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeHandler-js.html">mxEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeSegmentHandler-js.html">mxEdgeSegmentHandler.js</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxElbowEdgeHandler-js.html">mxElbowEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxGraphHandler-js.html">mxGraphHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxHandle-js.html">mxHandle</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxKeyHandler-js.html">mxKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPopupMenuHandler-js.html">mxPopupMenuHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxObjectCodec-js.html">mxObjectCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxRootChangeCodec-js.html">mxRootChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxStylesheetCodec-js.html">mxStylesheetCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxTerminalChangeCodec-js.html">mxTerminalChangeCodec</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Layout</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">Hierarchical</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Model</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphAbstractHierarchyCell-js.html">mxGraphAbstractHierarchyCell</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyEdge-js.html">mxGraphHierarchyEdge</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyModel-js.html">mxGraphHierarchyModel</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyNode-js.html">mxGraphHierarchyNode</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxSwimlaneModel-js.html">mxSwimlaneModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxHierarchicalLayout-js.html">mxHierarchicalLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxSwimlaneLayout-js.html">mxSwimlaneLayout</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Stage</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxCoordinateAssignment-js.html">mxCoordinateAssignment</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxHierarchicalLayoutStage-js.html">mxHierarchicalLayoutStage</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMedianHybridCrossingReduction-js.html">mxMedianHybridCrossingReduction</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMinimumCycleRemover-js.html">mxMinimumCycleRemover</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxSwimlaneOrdering-js.html">mxSwimlaneOrdering</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCircleLayout-js.html">mxCircleLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompactTreeLayout-js.html">mxCompactTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompositeLayout-js.html">mxCompositeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxEdgeLabelLayout-js.html">mxEdgeLabelLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxFastOrganicLayout-js.html">mxFastOrganicLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxGraphLayout-js.html">mxGraphLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxParallelEdgeLayout-js.html">mxParallelEdgeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxPartitionLayout-js.html">mxPartitionLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxRadialTreeLayout-js.html">mxRadialTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxStackLayout-js.html">mxStackLayout</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Model</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../model/mxCell-js.html">mxCell</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxCellPath-js.html">mxCellPath</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGeometry-js.html">mxGeometry</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGraphModel-js.html">mxGraphModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../mxClient-js.html">mxClient</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Shape</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MFile><a href="mxActor-js.html">mxActor</a></div></div><div class=MEntry><div class=MFile><a href="mxArrow-js.html">mxArrow</a></div></div><div class=MEntry><div class=MFile><a href="mxArrowConnector-js.html">mxArrowConnector</a></div></div><div class=MEntry><div class=MFile><a href="mxCloud-js.html">mxCloud</a></div></div><div class=MEntry><div class=MFile><a href="mxConnector-js.html">mxConnector</a></div></div><div class=MEntry><div class=MFile><a href="mxCylinder-js.html">mxCylinder</a></div></div><div class=MEntry><div class=MFile><a href="mxDoubleEllipse-js.html">mxDoubleEllipse</a></div></div><div class=MEntry><div class=MFile><a href="mxEllipse-js.html">mxEllipse</a></div></div><div class=MEntry><div class=MFile><a href="mxHexagon-js.html">mxHexagon</a></div></div><div class=MEntry><div class=MFile><a href="mxImageShape-js.html">mxImageShape</a></div></div><div class=MEntry><div class=MFile><a href="mxLabel-js.html">mxLabel</a></div></div><div class=MEntry><div class=MFile><a href="mxLine-js.html">mxLine</a></div></div><div class=MEntry><div class=MFile><a href="mxMarker-js.html">mxMarker</a></div></div><div class=MEntry><div class=MFile><a href="mxPolyline-js.html">mxPolyline</a></div></div><div class=MEntry><div class=MFile><a href="mxRectangleShape-js.html">mxRectangleShape</a></div></div><div class=MEntry><div class=MFile><a href="mxRhombus-js.html">mxRhombus</a></div></div><div class=MEntry><div class=MFile id=MSelected>mxShape</div></div><div class=MEntry><div class=MFile><a href="mxStencil-js.html">mxStencil</a></div></div><div class=MEntry><div class=MFile><a href="mxStencilRegistry-js.html">mxStencilRegistry</a></div></div><div class=MEntry><div class=MFile><a href="mxSwimlane-js.html">mxSwimlane</a></div></div><div class=MEntry><div class=MFile><a href="mxText-js.html">mxText</a></div></div><div class=MEntry><div class=MFile><a href="mxTriangle-js.html">mxTriangle</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent10')">Util</a><div class=MGroupContent id=MGroupContent10><div class=MEntry><div class=MFile><a href="../util/mxAbstractCanvas2D-js.html">mxAbstractCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAnimation-js.html">mxAnimation</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAutoSaveManager-js.html">mxAutoSaveManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxClipboard-js.html">mxClipboard</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxConstants-js.html">mxConstants</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDictionary-js.html">mxDictionary</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDivResizer-js.html">mxDivResizer</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDragSource-js.html">mxDragSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEffects-js.html">mxEffects</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEvent-js.html">mxEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventObject-js.html">mxEventObject</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventSource-js.html">mxEventSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxForm-js.html">mxForm</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxGuide-js.html">mxGuide</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImage-js.html">mxImage</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageBundle-js.html">mxImageBundle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageExport-js.html">mxImageExport</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxLog-js.html">mxLog</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMorphing-js.html">mxMorphing</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMouseEvent-js.html">mxMouseEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxObjectIdentity-js.html">mxObjectIdentity</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPanningManager-js.html">mxPanningManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPoint-js.html">mxPoint</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPopupMenu-js.html">mxPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxRectangle-js.html">mxRectangle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxResources-js.html">mxResources</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxSvgCanvas2D-js.html">mxSvgCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxToolbar-js.html">mxToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoableEdit-js.html">mxUndoableEdit</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoManager-js.html">mxUndoManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUrlConverter-js.html">mxUrlConverter</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUtils-js.html">mxUtils</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxVmlCanvas2D-js.html">mxVmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxWindow-js.html">mxWindow</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlCanvas2D-js.html">mxXmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlRequest-js.html">mxXmlRequest</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent11')">View</a><div class=MGroupContent id=MGroupContent11><div class=MEntry><div class=MFile><a href="../view/mxCellEditor-js.html">mxCellEditor</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellOverlay-js.html">mxCellOverlay</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellRenderer-js.html">mxCellRenderer</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellState-js.html">mxCellState</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellStatePreview-js.html">mxCellStatePreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxConnectionConstraint-js.html">mxConnectionConstraint</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxEdgeStyle-js.html">mxEdgeStyle</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraph-js.html">mxGraph</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphSelectionModel-js.html">mxGraphSelectionModel</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphView-js.html">mxGraphView</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxLayoutManager-js.html">mxLayoutManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxMultiplicity-js.html">mxMultiplicity</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxOutline-js.html">mxOutline</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPerimeter-js.html">mxPerimeter</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPrintPreview-js.html">mxPrintPreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStyleRegistry-js.html">mxStyleRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStylesheet-js.html">mxStylesheet</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxSwimlaneManager-js.html">mxSwimlaneManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxTemporaryCellStates-js.html">mxTemporaryCellStates</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent12')">Index</a><div class=MGroupContent id=MGroupContent12><div class=MEntry><div class=MIndex><a href="../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Cookies.html">Cookies</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Events.html">Events</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option  id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([9], 13);// --></script></div><!--Menu-->



<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>function mxShape(</td><td class="PParameter  prettyprint " nowrap>stencil</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new shape.</div></div><div class=CToolTip id="tt2"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.dialect</td></tr></table></blockquote>Holds the dialect in which the shape is to be painted. </div></div><div class=CToolTip id="tt3"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.scale</td></tr></table></blockquote>Holds the scale in which the shape is being painted.</div></div><div class=CToolTip id="tt4"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.antiAlias</td></tr></table></blockquote>Rendering hint for configuring the canvas.</div></div><div class=CToolTip id="tt5"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.minSvgStrokeWidth</td></tr></table></blockquote>Minimum stroke width for SVG output.</div></div><div class=CToolTip id="tt6"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.bounds</td></tr></table></blockquote>Holds the mxRectangle that specifies the bounds of this shape.</div></div><div class=CToolTip id="tt7"><div class=CClass>Extends mxPoint to implement a 2-dimensional rectangle with double precision coordinates.</div></div><div class=CToolTip id="tt8"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.points</td></tr></table></blockquote>Holds the array of mxPoints that specify the points of this shape.</div></div><div class=CToolTip id="tt9"><div class=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.node</td></tr></table></blockquote>Holds the outermost DOM node that represents this shape.</div></div><div class=CToolTip id="tt11"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.state</td></tr></table></blockquote>Optional reference to the corresponding mxCellState.</div></div><div class=CToolTip id="tt12"><div class=CClass>Represents the current state of a cell in a given mxGraphView.</div></div><div class=CToolTip id="tt13"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.style</td></tr></table></blockquote>Optional reference to the style of the corresponding mxCellState.</div></div><div class=CToolTip id="tt14"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.boundingBox</td></tr></table></blockquote>Contains the bounding box of the shape, that is, the smallest rectangle that includes all pixels of the shape.</div></div><div class=CToolTip id="tt15"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.stencil</td></tr></table></blockquote>Holds the mxStencil that defines the shape.</div></div><div class=CToolTip id="tt16"><div class=CClass>Implements a generic shape which is based on a XML node as a description.</div></div><div class=CToolTip id="tt17"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.svgStrokeTolerance</td></tr></table></blockquote>Event-tolerance for SVG strokes (in px). </div></div><div class=CToolTip id="tt18"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.pointerEvents</td></tr></table></blockquote>Specifies if pointer events should be handled. </div></div><div class=CToolTip id="tt19"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.svgPointerEvents</td></tr></table></blockquote>Specifies if pointer events should be handled. </div></div><div class=CToolTip id="tt20"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.shapePointerEvents</td></tr></table></blockquote>Specifies if pointer events outside of shape should be handled. </div></div><div class=CToolTip id="tt21"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.stencilPointerEvents</td></tr></table></blockquote>Specifies if pointer events outside of stencils should be handled. </div></div><div class=CToolTip id="tt22"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.vmlScale</td></tr></table></blockquote>Scale for improving the precision of VML rendering. </div></div><div class=CToolTip id="tt23"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.outline</td></tr></table></blockquote>Specifies if the shape should be drawn as an outline. </div></div><div class=CToolTip id="tt24"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.visible</td></tr></table></blockquote>Specifies if the shape is visible. </div></div><div class=CToolTip id="tt25"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.useSvgBoundingBox</td></tr></table></blockquote>Allows to use the SVG bounding box in SVG. </div></div><div class=CToolTip id="tt26"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.init = function(</td><td class="PParameter  prettyprint " nowrap>container</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Initializes the shape by creaing the DOM node using create and adding it into the given container.</div></div><div class=CToolTip id="tt27"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.create = function(</td><td class="PParameter  prettyprint " nowrap>container</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns the DOM node(s) for the shape in the given container. </div></div><div class=CToolTip id="tt28"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.initStyles = function(</td><td class="PParameter  prettyprint " nowrap>container</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the styles to their default values.</div></div><div class=CToolTip id="tt29"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isParseVml = function()</td></tr></table></blockquote>Specifies if any VML should be added via insertAdjacentHtml to the DOM. </div></div><div class=CToolTip id="tt30"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isHtmlAllowed = function()</td></tr></table></blockquote>Returns true if HTML is allowed for this shape. </div></div><div class=CToolTip id="tt31"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getSvgScreenOffset = function()</td></tr></table></blockquote>Returns 0, or 0.5 if strokewidth % 2 == 1.</div></div><div class=CToolTip id="tt32"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createSvg = function()</td></tr></table></blockquote>Creates and returns the SVG node(s) to represent this shape.</div></div><div class=CToolTip id="tt33"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVml = function()</td></tr></table></blockquote>Creates and returns the VML node to represent this shape.</div></div><div class=CToolTip id="tt34"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createHtml = function()</td></tr></table></blockquote>Creates and returns the HTML DOM node(s) to represent this shape. </div></div><div class=CToolTip id="tt35"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.reconfigure = function()</td></tr></table></blockquote>Reconfigures this shape. </div></div><div class=CToolTip id="tt36"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redraw = function()</td></tr></table></blockquote>Creates and returns the SVG node(s) to represent this shape.</div></div><div class=CToolTip id="tt37"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.clear = function()</td></tr></table></blockquote>Removes all child nodes and resets all CSS.</div></div><div class=CToolTip id="tt38"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateBoundsFromPoints = function()</td></tr></table></blockquote>Updates the bounds based on the points.</div></div><div class=CToolTip id="tt39"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.getLabelBounds = function(</td><td class="PParameter  prettyprint " nowrap>rect</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the mxRectangle for the label bounds of this shape, based on the given scaled and translated bounds of the shape. </div></div><div class=CToolTip id="tt40"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.getLabelMargins= function(</td><td class="PParameter  prettyprint " nowrap>rect</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the scaled top, left, bottom and right margin to be used for computing the label bounds as an mxRectangle, where the bottom and right margin are defined in the width and height of the rectangle, respectively.</div></div><div class=CToolTip id="tt41"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.checkBounds = function()</td></tr></table></blockquote>Returns true if the bounds are not null and all of its variables are numeric.</div></div><div class=CToolTip id="tt42"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVmlGroup = function()</td></tr></table></blockquote>Returns the temporary element used for rendering in IE8 standards mode.</div></div><div class=CToolTip id="tt43"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redrawShape = function()</td></tr></table></blockquote>Updates the SVG or VML shape.</div></div><div class=CToolTip id="tt44"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createCanvas = function()</td></tr></table></blockquote>Creates a new canvas for drawing this shape. </div></div><div class=CToolTip id="tt45"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createSvgCanvas = function()</td></tr></table></blockquote>Creates and returns an mxSvgCanvas2D for rendering this shape.</div></div><div class=CToolTip id="tt46"><div class=CClass>Extends mxAbstractCanvas2D to implement a canvas for SVG. </div></div><div class=CToolTip id="tt47"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVmlCanvas = function()</td></tr></table></blockquote>Creates and returns an mxVmlCanvas2D for rendering this shape.</div></div><div class=CToolTip id="tt48"><div class=CClass>Implements a canvas to be used for rendering VML. </div></div><div class=CToolTip id="tt49"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateVmlContainer = function()</td></tr></table></blockquote>Updates the bounds of the VML container.</div></div><div class=CToolTip id="tt50"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redrawHtmlShape = function()</td></tr></table></blockquote>Allow optimization by replacing VML with HTML.</div></div><div class=CToolTip id="tt51"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.updateHtmlFilters = function(</td><td class="PParameter  prettyprint " nowrap>node</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Allow optimization by replacing VML with HTML.</div></div><div class=CToolTip id="tt52"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.updateHtmlColors = function(</td><td class="PParameter  prettyprint " nowrap>node</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Allow optimization by replacing VML with HTML.</div></div><div class=CToolTip id="tt53"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.updateHtmlBounds = function(</td><td class="PParameter  prettyprint " nowrap>node</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Allow optimization by replacing VML with HTML.</div></div><div class=CToolTip id="tt54"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.destroyCanvas = function(</td><td class="PParameter  prettyprint " nowrap>canvas</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Destroys the given canvas which was used for drawing. </div></div><div class=CToolTip id="tt55"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.beforePaint = function(</td><td class="PParameter  prettyprint " nowrap>c</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Invoked before paint is called.</div></div><div class=CToolTip id="tt56"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.afterPaint = function(</td><td class="PParameter  prettyprint " nowrap>c</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Invokes after paint was called.</div></div><div class=CToolTip id="tt57"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paint = function(</td><td class="PParameter  prettyprint " nowrap>c</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Generic rendering code.</div></div><div class=CToolTip id="tt58"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.configureCanvas = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the state of the canvas for drawing the shape.</div></div><div class=CToolTip id="tt59"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.getGradientBounds = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the bounding box for the gradient box for this shape.</div></div><div class=CToolTip id="tt60"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.updateTransform = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the scale and rotation on the given canvas.</div></div><div class=CToolTip id="tt61"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintVertexShape = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the vertex shape.</div></div><div class=CToolTip id="tt62"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintBackground = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Hook for subclassers. </div></div><div class=CToolTip id="tt63"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintForeground = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Hook for subclassers. </div></div><div class=CToolTip id="tt64"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintEdgeShape = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>pts</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Hook for subclassers. </div></div><div class=CToolTip id="tt65"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.getArcSize = function(</td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the arc size for the given dimension.</div></div><div class=CToolTip id="tt66"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.paintGlassEffect = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>arc</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the glass gradient effect.</div></div><div class=CToolTip id="tt67"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.addPoints = function(</td><td class="PParameter  prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>pts,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>rounded,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>arcSize,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>close,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>exclude,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>initialMove</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the given points with rounded corners.</div></div><div class=CToolTip id="tt68"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.resetStyles = function()</td></tr></table></blockquote>Resets all styles.</div></div><div class=CToolTip id="tt69"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.apply = function(</td><td class="PParameter  prettyprint " nowrap>state</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Applies the style of the given mxCellState to the shape. </div></div><div class=CToolTip id="tt70"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.setCursor = function(</td><td class="PParameter  prettyprint " nowrap>cursor</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the cursor on the given shape.</div></div><div class=CToolTip id="tt71"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getCursor = function()</td></tr></table></blockquote>Returns the current cursor.</div></div><div class=CToolTip id="tt72"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isRoundable = function()</td></tr></table></blockquote>Hook for subclassers.</div></div><div class=CToolTip id="tt73"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateBoundingBox = function()</td></tr></table></blockquote>Updates the boundingBox for this shape using createBoundingBox and augmentBoundingBox and stores the result in boundingBox.</div></div><div class=CToolTip id="tt74"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createBoundingBox = function()</td></tr></table></blockquote>Returns a new rectangle that represents the bounding box of the bare shape with no shadows or strokewidths.</div></div><div class=CToolTip id="tt75"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.augmentBoundingBox = function(</td><td class="PParameter  prettyprint " nowrap>bbox</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Augments the bounding box with the strokewidth and shadow offsets.</div></div><div class=CToolTip id="tt76"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isPaintBoundsInverted = function()</td></tr></table></blockquote>Returns true if the bounds should be inverted.</div></div><div class=CToolTip id="tt77"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getRotation = function()</td></tr></table></blockquote>Returns the rotation from the style.</div></div><div class=CToolTip id="tt78"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getTextRotation = function()</td></tr></table></blockquote>Returns the rotation for the text label.</div></div><div class=CToolTip id="tt79"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getShapeRotation = function()</td></tr></table></blockquote>Returns the actual rotation of the shape.</div></div><div class=CToolTip id="tt80"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.createTransparentSvgRectangle = function(</td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Adds a transparent rectangle that catches all events.</div></div><div class=CToolTip id="tt81"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.setTransparentBackgroundImage = function(</td><td class="PParameter  prettyprint " nowrap>node</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets a transparent background CSS style to catch all events.</div></div><div class=CToolTip id="tt82"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxShape.prototype.releaseSvgGradients = function(</td><td class="PParameter  prettyprint " nowrap>grads</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the line shape.</div></div><div class=CToolTip id="tt83"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.destroy = function()</td></tr></table></blockquote>Destroys the shape by removing it from the DOM and releasing the DOM node associated with the shape using mxEvent.release.</div></div><div class=CToolTip id="tt84"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>release: function(</td><td class="PParameter  prettyprint " nowrap>element</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Removes the known listeners from the given DOM node and its descendants.</div></div><div class=CToolTip id="tt85"><div class=CClass>Renders cells into a document object model. </div></div><div class=CToolTip id="tt86"><div class=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><div class=CToolTip id="tt87"><div class=CClass>Extends mxShape to implement an actor shape. </div></div><div class=CToolTip id="tt88"><div class=CClass>Extends mxShape to implement an cylinder shape. </div></div><div class=CToolTip id="tt89"><div class=CClass>Defines various global constants.</div></div><div class=CToolTip id="tt90"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_FILLCOLOR: 'fillColor'</td></tr></table></blockquote>Defines the key for the fill color. </div></div><div class=CToolTip id="tt91"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_GRADIENTCOLOR: 'gradientColor'</td></tr></table></blockquote>Defines the key for the gradient color. </div></div><div class=CToolTip id="tt92"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_GRADIENT_DIRECTION: 'gradientDirection'</td></tr></table></blockquote>Defines the key for the gradient direction. </div></div><div class=CToolTip id="tt93"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_OPACITY: 'opacity'</td></tr></table></blockquote>Defines the key for the opacity style. </div></div><div class=CToolTip id="tt94"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_FILL_OPACITY: 'fillOpacity'</td></tr></table></blockquote>Defines the key for the fill opacity style. </div></div><div class=CToolTip id="tt95"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STROKE_OPACITY: 'strokeOpacity'</td></tr></table></blockquote>Defines the key for the stroke opacity style. </div></div><div class=CToolTip id="tt96"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STROKECOLOR: 'strokeColor'</td></tr></table></blockquote>Defines the key for the strokeColor style. </div></div><div class=CToolTip id="tt97"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STROKEWIDTH: 'strokeWidth'</td></tr></table></blockquote>Defines the key for the strokeWidth style. </div></div><div class=CToolTip id="tt98"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_SHADOW: 'shadow'</td></tr></table></blockquote>Defines the key for the shadow style. </div></div><div class=CToolTip id="tt99"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_DASHED: 'dashed'</td></tr></table></blockquote>Defines the key for the dashed style. </div></div><div class=CToolTip id="tt100"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_SPACING: 'spacing'</td></tr></table></blockquote>Defines the key for the spacing. </div></div><div class=CToolTip id="tt101"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STARTSIZE: 'startSize'</td></tr></table></blockquote>Defines the key for the startSize style. </div></div><div class=CToolTip id="tt102"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_ENDSIZE: 'endSize'</td></tr></table></blockquote>Defines the key for the endSize style. </div></div><div class=CToolTip id="tt103"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_ROUNDED: 'rounded'</td></tr></table></blockquote>Defines the key for the rounded style. </div></div><div class=CToolTip id="tt104"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STARTARROW: 'startArrow'</td></tr></table></blockquote>Defines the key for the start arrow marker. </div></div><div class=CToolTip id="tt105"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_ENDARROW: 'endArrow'</td></tr></table></blockquote>Defines the key for the end arrow marker. </div></div><div class=CToolTip id="tt106"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_ROTATION: 'rotation'</td></tr></table></blockquote>Defines the key for the rotation style. </div></div><div class=CToolTip id="tt107"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_DIRECTION: 'direction'</td></tr></table></blockquote>Defines the key for the direction style. </div></div><div class=CToolTip id="tt108"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_GLASS: 'glass'</td></tr></table></blockquote>Defines the key for the glass style. </div></div><!--END_ND_TOOLTIPS-->




<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>


<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>